body {
  --mppage-item-width: 280px;
  --mppage-item-gap: 8px;
}

.mppage {
  display: flex;
  background-color: #fafafa;
}

.mppage>div {
  min-width: calc(var(--mppage-item-width) + 16);
}

.mppage>div:last-child {
  flex: 1;
  overflow: hidden;
}

.mppage :global(.ant-layout) {
  background-color: #fafafa;
}

.mppage :global(.ant-tabs-nav) {
  background-color: white;
}

.mppage :global(.ant-form-item) :global(.ant-form-item-control-input-content)>div {
  width: 100%;
}

.mpcard {
  height: 100%;
  overflow: auto;
}

.mpcard .toolbar {
  padding: var(--mppage-item-gap);
  height: fit-content;
  line-height: inherit;
  background: white;
  display: flex;
  flex-direction: column;
  gap: var(--mppage-item-gap);
  flex-flow: row wrap;
}

.toolbar>form {
  display: flex;
  flex-flow: row wrap;
  gap: var(--mppage-item-gap);
}

@media (max-width: 600px) {
  .toolbar>form {
    width: 100%;
  }
}

.toolbar>form :global(.ant-picker-range) {
  width: 100%;
}

.toolbar>form :global(.ant-form-item) {
  margin-bottom: 0;
}

@media (max-width: 600px) {
  .toolbar>form :global(.ant-form-item) {
    width: 100%;
  }
}

.operator :global(.ant-btn-link) {
  padding: 0;
  height: 0;
}

.mpcard :global(.ant-table) tr .operator {
  text-align: right;
}

.super-filter :global(.ant-form-item-label) {
  width: 100px;
}

.edit-form {
  display: flex;
  flex-flow: wrap;
  column-gap: var(--mppage-item-gap);
}

.edit-form :global(.ant-form-item.span-0) {
  display: none;
}

.edit-form :global(.ant-form-item.span-1) {
  width: calc(var(--mppage-item-width) * 1 + var(--mppage-item-gap) * 0);
}

.edit-form :global(.ant-form-item.span-2) {
  width: calc(var(--mppage-item-width) * 2 + var(--mppage-item-gap) * 1);
}

.edit-form :global(.ant-form-item.span-3) {
  width: calc(var(--mppage-item-width) * 3 + var(--mppage-item-gap) * 2);
}

.edit-form :global(.ant-form-item.span-4) {
  width: calc(var(--mppage-item-width) * 4 + var(--mppage-item-gap) * 3);
}

.edit-form :global(.ant-form-item.span-5) {
  width: calc(var(--mppage-item-width) * 5 + var(--mppage-item-gap) * 4);
}

.edit-form :global(.ant-form-item.span-6) {
  width: calc(var(--mppage-item-width) * 6 + var(--mppage-item-gap) * 5);
}

.edit-form :global(.ant-form-item.span-7) {
  width: calc(var(--mppage-item-width) * 7 + var(--mppage-item-gap) * 6);
}

.edit-form :global(.ant-form-item.span-8) {
  width: calc(var(--mppage-item-width) * 8 + var(--mppage-item-gap) * 7);
}

.edit-form :global(.ant-form-item.span-9) {
  width: calc(var(--mppage-item-width) * 9 + var(--mppage-item-gap) * 8);
}

.edit-form :global(.ant-form-item.span-10) {
  width: calc(var(--mppage-item-width) * 10 + var(--mppage-item-gap) * 9);
}

.edit-form :global(.ant-form-item-label) {
  width: 100px;
}

.edit-form .endline {
  flex: 1 1 100%;
}

.edit-form :global(.ant-form-item) :global(.ant-form-item-control-input-content)>div {
  width: 100%;
}

:global .span-1 .ant-select {
  min-width: 170px;
}

.prompt {
  padding-left: 10px;
  color: var(--ant-color-text-secondary);
}